.md {
  color: rgba(0,0,0,.8) ;
}

.md h1,.md h2,.md h3,.md h4,.md h5,.md h6 {
  color: rgba(0,0,0,.8);
  font-family: Helvetica,sans-serif;
}

.md h1 {
  margin: 0 ;
  padding: 40px 0 20px 0 ;
}
.md h2 {
  margin: 0 ;
  padding: 30px 0 20px 0 ;
}
.md h3 {
  margin: 0 ;
  padding: 20px 0 10px 0 ;
}
.md .md h4,.md h5,.md h6 {
  margin: 0 ;
  padding: 10px 0 10px 0 ;
}
.md hr {
  margin: 40px 0;
  border: solid 2px rgba(0,0,0,.2);
}
.md p {
  margin: 0 0 10px 0 ;
  line-height: 1.5em ;
}
.md li {
  line-height: 1.5em ;
}
.md h5 {
  font-size: 15px ;
  font-weight: normal ;
  font-family: "Ubuntu Mono" ;
  background: rgba(0,0,0,.1);
  border-radius: 0px ;
  padding: 10px 10px 10px 20px ;
  margin-top: 40px ;
  margin-bottom: 10px ;
  border-left: solid 10px rgba(0,0,0,.2);
}

.md h6 {
  font-size: 14px ;
}

.md table {
  border-radius: 3px ;
  margin: 20px 0 ;
}

.md table,tr,td {
  border-collapse: collapse;
}

.md tr,td,th {
  border: solid 1px rgba(0,0,0,.1);
  padding: 10px ;
}
.md th {
  font-weight: bold ;
  background: rgba(0,0,0,.05);
}
.md th:empty {
  padding: 5px ;
}
.md code {
  background: hsla(200,50%,20%,.7);
  color: hsl(200,100%,95%);
  border-radius: 3px ;
  font-family: "Ubuntu Mono";
  line-height: 1.2em;
  font-size: 16px ;
  padding: 2px 6px ;
}
.md pre {
  position: relative ;
}
.md pre code {
  display: block ;
  background: hsl(200,50%,20%);
  color: hsl(200,100%,90%);
  padding: 10px ;
  border-radius: 10px ;
  font-family: "Ubuntu Mono";
  line-height: 1.2em;
  white-space: pre-wrap ;
  user-select: text;
  margin: 20px 0 ;
}
.md pre .copy-button {
  display: inline-block;
  background-color: hsl(0,50%,50%);
  color: #FFF;
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 8px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition-property: background-color ;
  transition-duration: 1s ;
  font-family: Source Sans Pro;
}
.md pre .copy-button.copied {
  background-color: hsl(0,0%,50%);
}
.md a {
  text-decoration: none ;
  color: hsla(200,100%,30%,.8);
}

.md img {
  max-width: 100% ;
}

.md blockquote {
  border-left: solid 10px rgba(0,0,0,.1) ;
  padding: 20px 20px 10px 20px;
  background: rgba(0,0,0,.05);
  margin: 10px 0 20px 0;
}

.dark.md {
  color: rgba(255,255,255,.7) ;
}

.dark.md h1,.dark.md h2,.dark.md h3,.dark.md h4,.dark.md h5,.dark.md h6 {
  color: rgba(255,255,255,.8);
}

.dark.md h5 {
  background: rgba(255,255,255,.1);
  border-left: solid 10px hsla(30,100%,50%,.5);
}

.dark.md pre code, .dark.md code {
  background: hsl(200,25%,25%);
  border: solid 1px rgba(255,255,255,.1);
}

.dark.md pre code {
  border-left: solid 10px hsl(200,40%,40%) ;
  padding-left: 20px ;
}

.dark.md blockquote {
  border-left: solid 10px rgba(255,255,255,.1);
  background: rgba(255,255,255,.1);
  color: rgba(255,255,255,.5) ;
}

.dark.md th {
  background: hsl(200,30%,30%);
}

.dark.md tr,.dark.md td,.dark.md th {
  border: solid 2px rgba(255,255,255,.05);
}

.dark.md tr:nth-child(even) td{
  background: rgba(255,255,255,.05) ;
}

.dark.md a {
  color: hsla(200,100%,75%,.8);
}

.dark.md hr {
    margin: 40px 0;
    border: solid 2px rgba(255,255,255,.2);
}
